<d-layout style="min-height: 700px;">
    <d-header>
        <div>

            <span *ngFor="let item of topmenu" style="display: contents;" dDropDown>
        <a dDropDownToggle class=" devui-dropdown-no-border devui-dropdown-origin top-menu" style="color: cyan;">
          {{item.title}}
          <span class="icon-chevron-down"></span>
            </a>

            <ul dDropDownMenu class="devui-dropdown-menu devui-scrollbar" role="menu">

                <li *ngFor="let subitem of item.children" role="menuitem">
                    <a class="devui-dropdown-item" (click)="subitem.click()">{{subitem.title}}</a>
                </li>


            </ul>
            </span>
        </div>


    </d-header>
    <d-layout>
        <d-aside>
            <div style="min-width: 250px;">
                <div style="float:left;">
                    <div style="min-height: 500px;width: 50px;margin-left: 3px;margin-right: 3px;margin-top: 10px; text-align:center">
                        <i title="故事实体/Entity" (click)="showpanel='entity'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-build-with-tool"></i>

                        <i title="全景图/Panorama" (click)="showpanel='panorama';ui.activePanel='Panorama'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-depend"></i>

                        <i title="表达/Express" (click)="showpanel='express';ui.activePanel='Express'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-op-list"></i>

                        <i title="查找/Serach" (click)="showpanel='search'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-search"></i>

                        <i title="便签/Note" (click)="showpanel='note';ui.activePanel='Note'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-modify-trace"></i>
                    </div>
                    <div style="vertical-align: bottom;text-align:center; text-align:center;width: 50px;">
                        <i title=" GIT" (click)="showpanel='git'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-fork"></i>
                        <i title="设置/Option" (click)="showpanel='setting'" style="font-size: x-large;vertical-align:middle;margin: 10px;cursor: pointer;width: 30px;" class="icon icon-setting"></i>





                    </div>
                </div>
                <div style="min-height: 550px;white-space:nowrap;">
                    <div class="btn-group">
                        <d-search style="width: 120px" [size]="'sm'" (searchFn)="onSearch($event)"></d-search>

                        <d-button bsStyle="text-dark" title="add" (click)="addentity()"><span style="font-size: x-large;vertical-align:middle;">+</span>
                        </d-button>
                        <d-button bsStyle="text-dark" title="delete" (click)="removeentity()"><span style="font-size: x-large;vertical-align:middle;">−</span>
                        </d-button>
                    </div>
                    <div>
                        <app-entityview *ngIf="showpanel=='entity'"></app-entityview>
                        <app-expresslistview *ngIf="showpanel=='express'"></app-expresslistview>
                        <app-fulltextindexview *ngIf="showpanel=='search'"></app-fulltextindexview>
                        <app-notelistview *ngIf="showpanel=='note'"></app-notelistview>
                        <app-panoramalistview *ngIf="showpanel=='panorama'"></app-panoramalistview>
                        <app-gitview *ngIf="showpanel=='git'"></app-gitview>
                        <app-settingview *ngIf="showpanel=='setting'"></app-settingview>
                    </div>
                </div>
            </div>
        </d-aside>
        <d-content>
            <d-splitter class="splitter-border" style="height: 100%">

                <d-splitter-pane minSize="75%" [collapsible]="true" [collapseDirection]="'before'">
                    <div id='content'>
                        <app-contentview></app-contentview>
                    </div>
                </d-splitter-pane>
                <d-splitter-pane minSize="15%">
                    <div class="pane-content">
                        <div>对象属性/Property</div>
                        <app-propertyview [entity]="store.currentEntity"></app-propertyview>
                    </div>
                </d-splitter-pane>
            </d-splitter>

        </d-content>
    </d-layout>
    <d-footer>Powered by lynx,2021(lynxliu2002@163.com) <input type="file" id="openFile" style="visibility: hidden;" />
    </d-footer>
</d-layout>